
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - consulta</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.i.IOException: Premature close<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">471</td>
		    	<td class="value error-col-3 total ko">50.809 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">Request timeout to localhost/127.0.0.1:9999 after 60000 ms<span class="value" style="display:none">1</span></td>
		    	<td class="value error-col-2 total ko">456</td>
		    	<td class="value error-col-3 total ko">49.191 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_consulta-5d76b'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['461', '1376', '2291', '3206', '4121', '5036', '5951', '6866', '7781', '8696', '9611', '10526', '11440', '12355', '13270', '14185', '15100', '16015', '16930', '17845', '18760', '19675', '20590', '21505', '22420', '23334', '24249', '25164', '26079', '26994', '27909', '28824', '29739', '30654', '31569', '32484', '33399', '34314', '35228', '36143', '37058', '37973', '38888', '39803', '40718', '41633', '42548', '43463', '44378', '45293', '46207', '47122', '48037', '48952', '49867', '50782', '51697', '52612', '53527', '54442', '55357', '56272', '57187', '58101', '59016', '59931', '60846', '61761', '62676', '63591', '64506', '65421', '66336', '67251', '68166', '69080', '69995', '70910', '71825', '72740', '73655', '74570', '75485', '76400', '77315', '78230', '79145', '80060', '80974', '81889', '82804', '83719', '84634', '85549', '86464', '87379', '88294', '89209', '90124', '91039'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  16.76,4.81,2.83,1.36,2.64,2.07,1.69,1.6,1.27,1.65,1.36,1.32,0.94,1.08,0.61,1.03,1.18,1.69,1.13,0.99,1.13,1.36,1.32,0.84,0.89,1.08,1.08,0.33,0.04,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.14,0.14,0.09,0.14,0.14,0.23,0.99,0.47,0.66,0.37,0.28,0.28,0.18,0.18,0.42,0.33,0.18,0.09,0.09,0.09,0.0,0.18,0.23,0.37,0.42,0.75,1.13,0.66,0.75,0.33,0.18,0.0,0.04,0.0,0.0,0.0,0.0,0.0,0.0,0.18,0.18,0.14,0.0,0.28,0.23,0.23,0.66,0.75,0.42,0.84,1.32,1.13,0.89,1.22,0.56,0.56,0.75,0.7,0.99,1.41,1.08,1.65,1.03,1.69,1.36,1.79,1.88,1.27,1.51,1.08,0.99,0.8,1.22,0.33,0.47,0.8,0.51
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692799500,[15,15,15,15,15,15,15,15,15,15]],[1692799501,[6,9,12,15,15,16,16,17,17,18]],[1692799502,[20,83,146,209,221,234,246,259,269,272]],[1692799503,[10,10,11,11,11,11,11,11,11,12]],[1692799504,[10,10,10,10,10,10,10,10,10,11]],[1692799505,[9,9,9,9,9,9,9,9,9,9]],[1692799506,[5,5,5,5,5,5,5,5,5,6]],[1692799507,[5,5,5,5,5,5,5,5,5,6]],[1692799508,[5,5,5,5,5,5,5,5,5,6]],[1692799509,[5,6,7,7,7,7,7,7,7,7]],[1692799510,null],[1692799511,[5,5,5,5,5,5,5,5,5,6]],[1692799512,[5,5,5,5,5,5,5,5,5,6]],[1692799513,[5,5,5,7,8,9,11,12,13,14]],[1692799514,[5,5,5,6,6,6,6,6,6,6]],[1692799515,[5,5,5,5,5,5,5,5,5,5]],[1692799516,[4,4,4,5,5,5,5,5,5,6]],[1692799517,[4,4,5,5,5,5,5,5,5,5]],[1692799518,[4,4,5,5,5,5,7,9,10,11]],[1692799519,[4,4,4,5,5,5,6,6,6,7]],[1692799520,[5,5,5,6,6,6,6,6,6,7]],[1692799521,[4,4,5,5,6,7,8,9,10,11]],[1692799522,[4,4,4,4,4,4,4,4,4,4]],[1692799523,[5,5,6,6,7,7,7,7,7,7]],[1692799524,[5,5,5,5,6,6,7,7,7,8]],[1692799525,[5,5,5,6,7,10,13,16,19,20]],[1692799526,[4,5,5,6,6,6,6,6,6,7]],[1692799527,[4,5,5,6,6,8,14,16,16,16]],[1692799528,[4,5,5,5,5,5,8,12,16,17]],[1692799529,[4,5,5,66,72,77,80,83,91,93]],[1692799530,[4,4,5,6,6,21,56,72,76,77]],[1692799531,[4,4,5,5,6,7,20,81,97,102]],[1692799532,[4,4,39,104,164,177,180,247,456,515]],[1692799533,[4,8,74,252,269,283,286,360,462,485]],[1692799534,[4,6,80,160,184,305,370,382,459,484]],[1692799535,[85,386,513,584,638,675,680,771,784,785]],[1692799536,[372,473,574,627,667,684,736,815,874,875]],[1692799537,[287,637,795,990,1006,1078,1090,1148,1260,1291]],[1692799538,[677,778,970,1154,1175,1190,1296,1485,1544,1570]],[1692799539,[702,1194,1407,1655,1695,1774,1778,1911,2106,2172]],[1692799540,[1167,1485,1582,1951,1996,2066,2173,2300,2603,2691]],[1692799541,[1410,1561,1795,2570,2589,2705,2820,2915,3144,3179]],[1692799542,[1985,2278,2565,2700,2769,2998,3286,3874,3905,3911]],[1692799543,[2178,3205,3586,3864,3880,3883,4266,4274,4282,4284]],[1692799544,[3577,3915,4104,4390,4437,4565,4675,5236,5486,5495]],[1692799545,[4268,4517,4668,5067,5176,5479,5907,5990,6054,6075]],[1692799546,[4689,5186,5587,5969,5970,6154,6493,6934,6972,6977]],[1692799547,[4884,5947,6489,7078,7187,7345,7486,7566,7727,7808]],[1692799548,[5373,6508,7179,7802,7918,8213,8299,8366,8519,8582]],[1692799549,[6101,7682,8296,8695,8778,8792,8869,9197,9622,9773]],[1692799550,[6781,8701,9370,9820,9974,10069,10093,10224,10354,10390]],[1692799551,[7967,9374,10280,10868,10881,11012,11144,11503,11635,11672]],[1692799552,[10294,11377,12058,12557,12805,12950,13065,13171,13302,13369]],[1692799553,[11764,12568,13938,14890,15082,15210,15328,15754,15920,15960]],[1692799554,[13696,14340,14980,15805,15964,16017,16072,16076,16156,16192]],[1692799555,[14963,15980,16684,17083,17175,17275,17386,17773,18138,18376]],[1692799556,[15577,17274,17774,18559,18649,18880,19124,19209,19338,19375]],[1692799557,[17164,18469,19433,20022,20244,20296,20481,20622,20990,21183]],[1692799558,[18682,20175,20485,21593,21731,21867,22016,22082,22146,22173]],[1692799559,[19589,21413,22376,23176,23242,23376,23485,23501,23636,23673]],[1692799560,[21468,23110,23975,24610,24683,24699,24937,25034,25179,25183]],[1692799561,[23298,24162,24271,24473,24667,24815,24872,25371,25948,26093]],[1692799562,null],[1692799563,null],[1692799564,null],[1692799565,null],[1692799566,null],[1692799567,null],[1692799568,null],[1692799569,null],[1692799570,null],[1692799571,null],[1692799572,null],[1692799573,null],[1692799574,null],[1692799575,null],[1692799576,null],[1692799577,null],[1692799578,null],[1692799579,null],[1692799580,null],[1692799581,null],[1692799582,null],[1692799583,null],[1692799584,null],[1692799585,null],[1692799586,null],[1692799587,null],[1692799588,null],[1692799589,null],[1692799590,null],[1692799591,null],[1692799592,null],[1692799593,null],[1692799594,null],[1692799595,null],[1692799596,null],[1692799597,null],[1692799598,null],[1692799599,null],[1692799600,null],[1692799601,null],[1692799602,null],[1692799603,null],[1692799604,null],[1692799605,null],[1692799606,null],[1692799607,null],[1692799608,null],[1692799609,null],[1692799610,null],[1692799611,null],[1692799612,null],[1692799613,null],[1692799614,null],[1692799615,null],[1692799616,null],[1692799617,null],[1692799618,null],[1692799619,null],[1692799620,null],[1692799621,null],[1692799622,null],[1692799623,null],[1692799624,null],[1692799625,null],[1692799626,null],[1692799627,null],[1692799628,null],[1692799629,null],[1692799630,null],[1692799631,null],[1692799632,null],[1692799633,null],[1692799634,null],[1692799635,null],[1692799636,null],[1692799637,null],[1692799638,null],[1692799639,null],[1692799640,null],[1692799641,null],[1692799642,null],[1692799643,null],[1692799644,null],[1692799645,null],[1692799646,null],[1692799647,null],[1692799648,null],[1692799649,null],[1692799650,null],[1692799651,null],[1692799652,null],[1692799653,null],[1692799654,null],[1692799655,null],[1692799656,null],[1692799657,null],[1692799658,null],[1692799659,null],[1692799660,null],[1692799661,null],[1692799662,null],[1692799663,null],[1692799664,null],[1692799665,null],[1692799666,null],[1692799667,null],[1692799668,null],[1692799669,null],[1692799670,null],[1692799671,null],[1692799672,null],[1692799673,null],[1692799674,null],[1692799675,null],[1692799676,null],[1692799677,null],[1692799678,null],[1692799679,null],[1692799680,null],[1692799681,null],[1692799682,null],[1692799683,null],[1692799684,null],[1692799685,null],[1692799686,null],[1692799687,null],[1692799688,null],[1692799689,null],[1692799690,null],[1692799691,null],[1692799692,null],[1692799693,null],[1692799694,null],[1692799695,null],[1692799696,null],[1692799697,null],[1692799698,null],[1692799699,null],[1692799700,null],[1692799701,null],[1692799702,null],[1692799703,null],[1692799704,null],[1692799705,null],[1692799706,null],[1692799707,null],[1692799708,null],[1692799709,null],[1692799710,null],[1692799711,null],[1692799712,null],[1692799713,null],[1692799714,null],[1692799715,null],[1692799716,null],[1692799717,null],[1692799718,null],[1692799719,null],[1692799720,null],[1692799721,null],[1692799722,null],[1692799723,null],[1692799724,null],[1692799725,null],[1692799726,null],[1692799727,null],[1692799728,null],[1692799729,null],[1692799730,null],[1692799731,null],[1692799732,null],[1692799733,null],[1692799734,null],[1692799735,null],[1692799736,null],[1692799737,null],[1692799738,null],[1692799739,null],[1692799740,null],[1692799741,null],[1692799742,null],[1692799743,null],[1692799744,null],[1692799745,null],[1692799746,null],[1692799747,null],[1692799748,null],[1692799749,null],[1692799750,null],[1692799751,null],[1692799752,null],[1692799753,null],[1692799754,null],[1692799755,null],[1692799756,null],[1692799757,null],[1692799758,null],[1692799759,null],[1692799760,null],[1692799761,null],[1692799762,null],[1692799763,null],[1692799764,null],[1692799765,null],[1692799766,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692799500,[1,1,0]],[1692799501,[2,2,0]],[1692799502,[2,2,0]],[1692799503,[2,2,0]],[1692799504,[2,2,0]],[1692799505,[1,1,0]],[1692799506,[2,2,0]],[1692799507,[2,2,0]],[1692799508,[2,2,0]],[1692799509,[3,3,0]],[1692799510,[0,0,0]],[1692799511,[2,2,0]],[1692799512,[3,3,0]],[1692799513,[4,4,0]],[1692799514,[5,5,0]],[1692799515,[4,4,0]],[1692799516,[3,3,0]],[1692799517,[5,5,0]],[1692799518,[7,7,0]],[1692799519,[6,6,0]],[1692799520,[6,6,0]],[1692799521,[5,5,0]],[1692799522,[1,1,0]],[1692799523,[6,6,0]],[1692799524,[4,4,0]],[1692799525,[6,6,0]],[1692799526,[8,8,0]],[1692799527,[13,13,0]],[1692799528,[15,15,0]],[1692799529,[18,18,0]],[1692799530,[19,19,0]],[1692799531,[20,20,0]],[1692799532,[24,24,0]],[1692799533,[29,29,0]],[1692799534,[26,26,0]],[1692799535,[23,23,0]],[1692799536,[36,36,0]],[1692799537,[27,27,0]],[1692799538,[38,38,0]],[1692799539,[38,38,0]],[1692799540,[30,30,0]],[1692799541,[37,37,0]],[1692799542,[43,43,0]],[1692799543,[29,29,0]],[1692799544,[38,38,0]],[1692799545,[30,30,0]],[1692799546,[29,29,0]],[1692799547,[36,36,0]],[1692799548,[30,30,0]],[1692799549,[41,41,0]],[1692799550,[32,32,0]],[1692799551,[39,39,0]],[1692799552,[37,37,0]],[1692799553,[46,46,0]],[1692799554,[32,32,0]],[1692799555,[41,41,0]],[1692799556,[33,33,0]],[1692799557,[48,48,0]],[1692799558,[33,33,0]],[1692799559,[38,38,0]],[1692799560,[36,36,0]],[1692799561,[35,13,22]],[1692799562,[33,0,33]],[1692799563,[24,0,24]],[1692799564,[27,0,27]],[1692799565,[50,0,50]],[1692799566,[22,0,22]],[1692799567,[24,0,24]],[1692799568,[39,0,39]],[1692799569,[33,0,33]],[1692799570,[40,0,40]],[1692799571,[50,0,50]],[1692799572,[34,0,34]],[1692799573,[41,0,41]],[1692799574,[41,0,41]],[1692799575,[40,0,40]],[1692799576,[38,0,38]],[1692799577,[44,0,44]],[1692799578,[35,0,35]],[1692799579,[38,0,38]],[1692799580,[47,0,47]],[1692799581,[37,0,37]],[1692799582,[27,0,27]],[1692799583,[47,0,47]],[1692799584,[34,0,34]],[1692799585,[51,0,51]],[1692799586,[9,0,9]],[1692799587,[0,0,0]],[1692799588,[0,0,0]],[1692799589,[0,0,0]],[1692799590,[0,0,0]],[1692799591,[0,0,0]],[1692799592,[0,0,0]],[1692799593,[0,0,0]],[1692799594,[0,0,0]],[1692799595,[0,0,0]],[1692799596,[0,0,0]],[1692799597,[0,0,0]],[1692799598,[0,0,0]],[1692799599,[0,0,0]],[1692799600,[0,0,0]],[1692799601,[0,0,0]],[1692799602,[0,0,0]],[1692799603,[0,0,0]],[1692799604,[0,0,0]],[1692799605,[0,0,0]],[1692799606,[0,0,0]],[1692799607,[0,0,0]],[1692799608,[0,0,0]],[1692799609,[0,0,0]],[1692799610,[0,0,0]],[1692799611,[0,0,0]],[1692799612,[0,0,0]],[1692799613,[0,0,0]],[1692799614,[0,0,0]],[1692799615,[0,0,0]],[1692799616,[0,0,0]],[1692799617,[0,0,0]],[1692799618,[0,0,0]],[1692799619,[0,0,0]],[1692799620,[0,0,0]],[1692799621,[0,0,0]],[1692799622,[0,0,0]],[1692799623,[0,0,0]],[1692799624,[0,0,0]],[1692799625,[0,0,0]],[1692799626,[0,0,0]],[1692799627,[0,0,0]],[1692799628,[0,0,0]],[1692799629,[0,0,0]],[1692799630,[0,0,0]],[1692799631,[0,0,0]],[1692799632,[0,0,0]],[1692799633,[0,0,0]],[1692799634,[0,0,0]],[1692799635,[0,0,0]],[1692799636,[0,0,0]],[1692799637,[0,0,0]],[1692799638,[0,0,0]],[1692799639,[0,0,0]],[1692799640,[0,0,0]],[1692799641,[0,0,0]],[1692799642,[0,0,0]],[1692799643,[0,0,0]],[1692799644,[0,0,0]],[1692799645,[0,0,0]],[1692799646,[0,0,0]],[1692799647,[0,0,0]],[1692799648,[0,0,0]],[1692799649,[0,0,0]],[1692799650,[0,0,0]],[1692799651,[0,0,0]],[1692799652,[0,0,0]],[1692799653,[0,0,0]],[1692799654,[0,0,0]],[1692799655,[0,0,0]],[1692799656,[0,0,0]],[1692799657,[0,0,0]],[1692799658,[0,0,0]],[1692799659,[0,0,0]],[1692799660,[0,0,0]],[1692799661,[0,0,0]],[1692799662,[0,0,0]],[1692799663,[0,0,0]],[1692799664,[0,0,0]],[1692799665,[0,0,0]],[1692799666,[0,0,0]],[1692799667,[0,0,0]],[1692799668,[0,0,0]],[1692799669,[0,0,0]],[1692799670,[0,0,0]],[1692799671,[0,0,0]],[1692799672,[0,0,0]],[1692799673,[0,0,0]],[1692799674,[0,0,0]],[1692799675,[0,0,0]],[1692799676,[0,0,0]],[1692799677,[0,0,0]],[1692799678,[0,0,0]],[1692799679,[0,0,0]],[1692799680,[0,0,0]],[1692799681,[0,0,0]],[1692799682,[0,0,0]],[1692799683,[0,0,0]],[1692799684,[0,0,0]],[1692799685,[0,0,0]],[1692799686,[0,0,0]],[1692799687,[0,0,0]],[1692799688,[0,0,0]],[1692799689,[0,0,0]],[1692799690,[0,0,0]],[1692799691,[0,0,0]],[1692799692,[0,0,0]],[1692799693,[0,0,0]],[1692799694,[0,0,0]],[1692799695,[0,0,0]],[1692799696,[0,0,0]],[1692799697,[0,0,0]],[1692799698,[0,0,0]],[1692799699,[0,0,0]],[1692799700,[0,0,0]],[1692799701,[0,0,0]],[1692799702,[0,0,0]],[1692799703,[0,0,0]],[1692799704,[0,0,0]],[1692799705,[0,0,0]],[1692799706,[0,0,0]],[1692799707,[0,0,0]],[1692799708,[0,0,0]],[1692799709,[0,0,0]],[1692799710,[0,0,0]],[1692799711,[0,0,0]],[1692799712,[0,0,0]],[1692799713,[0,0,0]],[1692799714,[0,0,0]],[1692799715,[0,0,0]],[1692799716,[0,0,0]],[1692799717,[0,0,0]],[1692799718,[0,0,0]],[1692799719,[0,0,0]],[1692799720,[0,0,0]],[1692799721,[0,0,0]],[1692799722,[0,0,0]],[1692799723,[0,0,0]],[1692799724,[0,0,0]],[1692799725,[0,0,0]],[1692799726,[0,0,0]],[1692799727,[0,0,0]],[1692799728,[0,0,0]],[1692799729,[0,0,0]],[1692799730,[0,0,0]],[1692799731,[0,0,0]],[1692799732,[0,0,0]],[1692799733,[0,0,0]],[1692799734,[0,0,0]],[1692799735,[0,0,0]],[1692799736,[0,0,0]],[1692799737,[0,0,0]],[1692799738,[0,0,0]],[1692799739,[0,0,0]],[1692799740,[0,0,0]],[1692799741,[0,0,0]],[1692799742,[0,0,0]],[1692799743,[0,0,0]],[1692799744,[0,0,0]],[1692799745,[0,0,0]],[1692799746,[0,0,0]],[1692799747,[0,0,0]],[1692799748,[0,0,0]],[1692799749,[0,0,0]],[1692799750,[0,0,0]],[1692799751,[0,0,0]],[1692799752,[0,0,0]],[1692799753,[0,0,0]],[1692799754,[0,0,0]],[1692799755,[0,0,0]],[1692799756,[0,0,0]],[1692799757,[0,0,0]],[1692799758,[0,0,0]],[1692799759,[0,0,0]],[1692799760,[0,0,0]],[1692799761,[0,0,0]],[1692799762,[0,0,0]],[1692799763,[0,0,0]],[1692799764,[0,0,0]],[1692799765,[0,0,0]],[1692799766,[0,0,0]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692799500,[1,1,0]],[1692799501,[2,2,0]],[1692799502,[2,2,0]],[1692799503,[2,2,0]],[1692799504,[2,2,0]],[1692799505,[1,1,0]],[1692799506,[2,2,0]],[1692799507,[2,2,0]],[1692799508,[2,2,0]],[1692799509,[3,3,0]],[1692799510,[0,0,0]],[1692799511,[2,2,0]],[1692799512,[3,3,0]],[1692799513,[4,4,0]],[1692799514,[5,5,0]],[1692799515,[4,4,0]],[1692799516,[3,3,0]],[1692799517,[5,5,0]],[1692799518,[7,7,0]],[1692799519,[6,6,0]],[1692799520,[5,5,0]],[1692799521,[6,6,0]],[1692799522,[1,1,0]],[1692799523,[6,6,0]],[1692799524,[4,4,0]],[1692799525,[6,6,0]],[1692799526,[8,8,0]],[1692799527,[12,12,0]],[1692799528,[16,16,0]],[1692799529,[17,17,0]],[1692799530,[20,20,0]],[1692799531,[19,19,0]],[1692799532,[22,22,0]],[1692799533,[30,30,0]],[1692799534,[23,23,0]],[1692799535,[20,20,0]],[1692799536,[22,22,0]],[1692799537,[31,31,0]],[1692799538,[20,20,0]],[1692799539,[32,32,0]],[1692799540,[25,25,0]],[1692799541,[24,24,0]],[1692799542,[33,33,0]],[1692799543,[18,18,0]],[1692799544,[28,28,0]],[1692799545,[23,23,0]],[1692799546,[10,10,0]],[1692799547,[23,23,0]],[1692799548,[23,23,0]],[1692799549,[25,25,0]],[1692799550,[12,12,0]],[1692799551,[21,21,0]],[1692799552,[16,16,0]],[1692799553,[13,13,0]],[1692799554,[22,22,0]],[1692799555,[21,21,0]],[1692799556,[16,16,0]],[1692799557,[19,19,0]],[1692799558,[18,18,0]],[1692799559,[18,18,0]],[1692799560,[19,19,0]],[1692799561,[13,13,0]],[1692799562,[15,15,0]],[1692799563,[12,12,0]],[1692799564,[13,13,0]],[1692799565,[23,23,0]],[1692799566,[9,9,0]],[1692799567,[14,14,0]],[1692799568,[17,17,0]],[1692799569,[15,15,0]],[1692799570,[18,18,0]],[1692799571,[20,20,0]],[1692799572,[15,15,0]],[1692799573,[12,12,0]],[1692799574,[16,16,0]],[1692799575,[15,15,0]],[1692799576,[17,17,0]],[1692799577,[21,21,0]],[1692799578,[16,16,0]],[1692799579,[14,14,0]],[1692799580,[14,14,0]],[1692799581,[10,10,0]],[1692799582,[16,16,0]],[1692799583,[16,16,0]],[1692799584,[11,11,0]],[1692799585,[20,20,0]],[1692799586,[3,3,0]],[1692799587,[1,1,0]],[1692799588,[0,0,0]],[1692799589,[0,0,0]],[1692799590,[0,0,0]],[1692799591,[0,0,0]],[1692799592,[0,0,0]],[1692799593,[0,0,0]],[1692799594,[0,0,0]],[1692799595,[0,0,0]],[1692799596,[0,0,0]],[1692799597,[0,0,0]],[1692799598,[0,0,0]],[1692799599,[0,0,0]],[1692799600,[0,0,0]],[1692799601,[0,0,0]],[1692799602,[0,0,0]],[1692799603,[0,0,0]],[1692799604,[0,0,0]],[1692799605,[0,0,0]],[1692799606,[0,0,0]],[1692799607,[81,0,81]],[1692799608,[10,0,10]],[1692799609,[8,0,8]],[1692799610,[0,0,0]],[1692799611,[0,0,0]],[1692799612,[45,0,45]],[1692799613,[0,0,0]],[1692799614,[0,0,0]],[1692799615,[0,0,0]],[1692799616,[0,0,0]],[1692799617,[0,0,0]],[1692799618,[0,0,0]],[1692799619,[0,0,0]],[1692799620,[0,0,0]],[1692799621,[0,0,0]],[1692799622,[0,0,0]],[1692799623,[0,0,0]],[1692799624,[0,0,0]],[1692799625,[80,0,80]],[1692799626,[31,0,31]],[1692799627,[9,0,9]],[1692799628,[2,0,2]],[1692799629,[0,0,0]],[1692799630,[0,0,0]],[1692799631,[0,0,0]],[1692799632,[0,0,0]],[1692799633,[0,0,0]],[1692799634,[0,0,0]],[1692799635,[0,0,0]],[1692799636,[0,0,0]],[1692799637,[0,0,0]],[1692799638,[0,0,0]],[1692799639,[0,0,0]],[1692799640,[0,0,0]],[1692799641,[0,0,0]],[1692799642,[0,0,0]],[1692799643,[0,0,0]],[1692799644,[0,0,0]],[1692799645,[0,0,0]],[1692799646,[0,0,0]],[1692799647,[0,0,0]],[1692799648,[37,0,37]],[1692799649,[43,0,43]],[1692799650,[125,0,125]],[1692799651,[44,0,44]],[1692799652,[388,0,388]],[1692799653,[24,0,24]],[1692799654,[0,0,0]],[1692799655,[0,0,0]],[1692799656,[0,0,0]],[1692799657,[0,0,0]],[1692799658,[0,0,0]],[1692799659,[0,0,0]],[1692799660,[0,0,0]],[1692799661,[0,0,0]],[1692799662,[0,0,0]],[1692799663,[0,0,0]],[1692799664,[0,0,0]],[1692799665,[0,0,0]],[1692799666,[0,0,0]],[1692799667,[0,0,0]],[1692799668,[0,0,0]],[1692799669,[0,0,0]],[1692799670,[0,0,0]],[1692799671,[0,0,0]],[1692799672,[0,0,0]],[1692799673,[0,0,0]],[1692799674,[0,0,0]],[1692799675,[0,0,0]],[1692799676,[0,0,0]],[1692799677,[0,0,0]],[1692799678,[0,0,0]],[1692799679,[0,0,0]],[1692799680,[0,0,0]],[1692799681,[0,0,0]],[1692799682,[0,0,0]],[1692799683,[0,0,0]],[1692799684,[0,0,0]],[1692799685,[0,0,0]],[1692799686,[0,0,0]],[1692799687,[0,0,0]],[1692799688,[0,0,0]],[1692799689,[0,0,0]],[1692799690,[0,0,0]],[1692799691,[0,0,0]],[1692799692,[0,0,0]],[1692799693,[0,0,0]],[1692799694,[0,0,0]],[1692799695,[0,0,0]],[1692799696,[0,0,0]],[1692799697,[0,0,0]],[1692799698,[0,0,0]],[1692799699,[0,0,0]],[1692799700,[0,0,0]],[1692799701,[0,0,0]],[1692799702,[0,0,0]],[1692799703,[0,0,0]],[1692799704,[0,0,0]],[1692799705,[0,0,0]],[1692799706,[0,0,0]],[1692799707,[0,0,0]],[1692799708,[0,0,0]],[1692799709,[0,0,0]],[1692799710,[0,0,0]],[1692799711,[0,0,0]],[1692799712,[0,0,0]],[1692799713,[0,0,0]],[1692799714,[0,0,0]],[1692799715,[0,0,0]],[1692799716,[0,0,0]],[1692799717,[0,0,0]],[1692799718,[0,0,0]],[1692799719,[0,0,0]],[1692799720,[0,0,0]],[1692799721,[0,0,0]],[1692799722,[0,0,0]],[1692799723,[0,0,0]],[1692799724,[0,0,0]],[1692799725,[0,0,0]],[1692799726,[0,0,0]],[1692799727,[0,0,0]],[1692799728,[0,0,0]],[1692799729,[0,0,0]],[1692799730,[0,0,0]],[1692799731,[0,0,0]],[1692799732,[0,0,0]],[1692799733,[0,0,0]],[1692799734,[0,0,0]],[1692799735,[0,0,0]],[1692799736,[0,0,0]],[1692799737,[0,0,0]],[1692799738,[0,0,0]],[1692799739,[0,0,0]],[1692799740,[0,0,0]],[1692799741,[0,0,0]],[1692799742,[0,0,0]],[1692799743,[0,0,0]],[1692799744,[0,0,0]],[1692799745,[0,0,0]],[1692799746,[0,0,0]],[1692799747,[0,0,0]],[1692799748,[0,0,0]],[1692799749,[0,0,0]],[1692799750,[0,0,0]],[1692799751,[0,0,0]],[1692799752,[0,0,0]],[1692799753,[0,0,0]],[1692799754,[0,0,0]],[1692799755,[0,0,0]],[1692799756,[0,0,0]],[1692799757,[0,0,0]],[1692799758,[0,0,0]],[1692799759,[0,0,0]],[1692799760,[0,0,0]],[1692799761,[0,0,0]],[1692799762,[0,0,0]],[1692799763,[0,0,0]],[1692799764,[0,0,0]],[1692799765,[0,0,0]],[1692799766,[0,0,0]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 1191.0, color: '#68b65c'},{name: 'KO', y: 927.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[6,4],[7,15],[7,9],[8,17],[8,259],[8,11],[8,10],[8,5],[8,5],[8,5],[8,5],[9,7],[10,5],[11,5],[12,5],[12,7],[14,12],[15,6],[15,9],[16,6],[16,5],[16,6],[16,7],[19,9],[21,16],[29,6],[39,16],[45,12],[53,83],[56,72],[62,81],[71,247],[79,360],[81,382],[81,771],[93,1148],[98,815],[108,1485],[109,2300],[112,1911],[119,2915],[120,4274],[129,3874],[129,5990],[132,5236],[132,6934],[140,8366],[141,7566],[151,10224],[157,9197],[159,11503],[164,13171],[167,16076],[175,19209],[177,15754],[179,17773],[183,22082],[192,23501],[195,20622],[195,25034],[198,25371]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[194,89485],[198,91387],[199,90537],[203,88112],[204,86694],[210,85409],[228,87408],[229,83645],[230,84437],[238,82231],[243,80232],[250,79595],[251,81337],[257,78589],[259,77298],[260,76092],[266,73792],[271,75491],[272,66121],[273,73405],[277,70979],[277,68730],[285,71499],[289,68324],[298,69399],[309,66592]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
